/**
 * 手机号查询
 * 2018-01-11
 */
;(function ($) {
	//入口
	$.fn.search_identity=function(options){
    	//创建对象
		var $ele = new modal_content(this, options);
		//入口
		$ele.getDefault();
	}
	
	//构造函数
    var modal_content = function(ele, opt) {   	
    	//选择器对象    	
        this.$element=ele;   
        //默认参数
        this.defaults = {
        	phone:"",		//手机号
        	text:"",		//名称
        	mname:"",		//会员卡
        	pno:"",		//pno
        	mno:"",		//mno
        	defaultData:{},
    		dataBack:function(){},//完成结账回调函数
    		closeBack:function(){},//返回回调函数
        },        
        //初始化参数
        this.options = $.extend({}, this.defaults, opt);
    }
    
    //属性方法
    modal_content.prototype = {
    	//临时变量
		defaultValue:null,
    	defaultPayment:null,
    	//获取默认值
    	getDefault:function(){
    		var $t=this;
    		var $opt=$t.options;
    		$t.show();
    		$t.modalHtml();
		},
		bindEvent:function(){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		//取消退出
			el.find("#btnClose,#close-dialog").unbind("click").click(function(){
				$opt.closeBack();
			})
			
			//重新查询
			el.find("#startSearch").unbind("click").click(function(){
				$opt.pno = ""
				$opt.mno = ""
				el.find("#searchForm").removeClass("hide")
				el.find("#startSearch").addClass("hide")
			})
			
    		//查询
    		el.find("#quickSearch").unbind("click").click(function(){
    			//获取默认值
        		$t.getMarArDefault("true");
    		})
    		
    		el.find("#member_info_right").unbind("click").click(function(){
    			var sort = $(this).parent("div").find("option:selected").data("sort");
    			var size = $(this).parent("div").find("option[data-sort]").size();
    			if(sort==size){
    				$(this).parent("div").find("option[data-sort="+size+"]").prop("selected","selected");
    			}else{
    				$(this).parent("div").find("option[data-sort="+(parseInt(sort)+1)+"]").prop("selected","selected");
    			}
    			$t.setMnoValue();
    		})
			
    		el.find("#member_info_left").unbind("click").click(function(){
    			var sort = $(this).parent("div").find("option:selected").data("sort");
    			if(sort==1){
    				$(this).parent("div").find("option[data-sort=1]").prop("selected","selected");
    			}else{
    				$(this).parent("div").find("option[data-sort="+(parseInt(sort)-1)+"]").prop("selected","selected");
    			}
    			$t.setMnoValue();
    		})
    		
    		el.find("#ho_profile_right").unbind("click").click(function(){
    			var sort = $(this).parent("div").find("option:selected").data("sort");
    			var size = $(this).parent("div").find("option[data-sort]").size();
    			if(sort==size){
    				$(this).parent("div").find("option[data-sort="+size+"]").prop("selected","selected");
    			}else{
    				$(this).parent("div").find("option[data-sort="+(parseInt(sort)+1)+"]").prop("selected","selected");
    			}
    			$t.setPnoValue();
    		})
			
    		el.find("#ho_profile_left").unbind("click").click(function(){
    			var sort = $(this).parent("div").find("option:selected").data("sort");
    			if(sort==1){
    				$(this).parent("div").find("option[data-sort=1]").prop("selected","selected");
    			}else{
    				$(this).parent("div").find("option[data-sort="+(parseInt(sort)-1)+"]").prop("selected","selected");
    			}
    			$t.setPnoValue();
    		})
    		
    		//储值卡选择图标点击事件
    		el.find("#ar_change").unbind("click").click(function(e){
    			e.stopPropagation();
    			if(el.find("#ar_select").hasClass("hide")){
    				el.find("#ar_select").removeClass("hide")
    			}else{
    				el.find("#ar_select").addClass("hide")
    			}
    		})
    		
    		//关闭选择储值卡框
    		$(el).unbind("click").click(function(e){
    			el.find("#ar_select").addClass("hide")
    		})
    		
    		//确定保存
    		el.find("#membershipSave").unbind("click").click(function(){
    			var mno = el.find("#member_info_select").val()
    			var mno_msg = $("#member_info_select option:selected").attr("data-msg")
    			var pno = el.find("#ho_profile_select").val()
    			var pno_msg = $("#ho_profile_select option:selected").attr("data-msg")
    			
    			var str = {mno:(mno?mno:''),mno_msg:(mno_msg?JSON.parse(mno_msg):""),pno:(pno?pno:''),pno_msg:(pno_msg?JSON.parse(pno_msg):"")}
    			$opt.dataBack(str)
    		})
    		
    		//切换会员卡
    		el.find("#member_info_select").unbind("change").change(function(){
//    			debugger
    			$t.setMnoValue();
    		})
    		
    		//切换客人档案
    		el.find("#ho_profile_select").unbind("change").change(function(){
    			$t.setPnoValue();
    		})
    		
    		//选择mno
    		el.find("#mno_select").unbind("click").click(function(){
    			var mno = el.find("#member_info_select").val()
    			var mno_msg = $("#member_info_select option:selected").attr("data-msg")
    			
    			var str = {mno:(mno?mno:''),mno_msg:(mno_msg?JSON.parse(mno_msg):"")}
    			$opt.dataBack(str)
    		})
    		
    		//选择pno
    		el.find("#pno_select").unbind("click").click(function(){
    			var pno = el.find("#ho_profile_select").val()
    			var pno_msg = $("#ho_profile_select option:selected").attr("data-msg")
    			
    			var str = {pno:(pno?pno:''),pno_msg:(pno_msg?JSON.parse(pno_msg):"")}
    			$opt.dataBack(str)
    		})
    		
    	},
		//初始化模态窗体
    	modalHtml:function(){
    		var $t=this;
    		var $opt=$t.options;
    		
    		$t.$element.addClass("modal").attr("tabindex","-1").attr("data-backdrop","static");
    		var html =	'<div class="modal-dialog" style="min-width: 800px;">'+
							'<div class="modal-content">'+
							'<div class="modal-header no-padding">'+
								'<div class="table-header">'+
									'<button id="close-dialog" type="button" class="close" data-dismiss="modal" aria-hidden="true" value="HTML">'+
										'<span class="white">&times;</span>'+
									'</button>'+
									'<span id="title-dialog">'+$.i18n.propJsp("身份信息")+'</span>'+
								'</div>'+
							'</div>'+
							'<div id="modal_body" class="modal-body" style="min-height: 490px;display: inline-block;">'+
								'<div id="searchForm" class="col-sm-12 " style="border: 1px solid #ffc500;padding: 10px;height:53px;width:768px;">'+
									'<label>'+$.i18n.propJsp("手机号")+'</label>'+
									'<input id="phone" class="input-normal" type="text" name="phone" style="margin-left:10px;margin-right:10px;">'+
									'<label>'+$.i18n.propJsp("会员卡")+'</label>'+
									'<input id="mname" class="input-small" type="text" name="mname" style="margin-left:15px;margin-right:10px;">'+
									'<label>'+$.i18n.propJsp("姓名")+'</label>'+
									'<input id="text" class="input-small" type="text" name="text" style="margin-left:15px;margin-right:10px;">'+
									'<div class="btn-group pull-right">'+
										'<button id="quickSearch" class="btn btn-info btn-sm">'+
											$.i18n.propJsp("查询")+
										'</button>'+
									'</div>'+
								'</div>'+
								
								'<div id="no_result" class="col-sm-12 no-padding" style="margin-top:10px;text-align: center;height:371px;line-height:371px;">'+
									'<span></span>'+
								'</div>'+
								'<div id="result" class="col-sm-12 no-padding hide" style="margin-top:0px;">'+
									//会员卡
									'<div id="mno_result" class="widget-box transparent" style="height:345px;margin:0px">'+
										//header
										'<div class="widget-header widget-header-flat">'+
											'<h4 class="widget-title lighter">'+
												'<i class="ace-icon fa fa-credit-card orange"></i>'+
												$.i18n.propJsp("会员卡")+
											'</h4>'+
											'<div id="" class="widget-toolbar" style="margin-top: 5px;">'+
												'<button id="mno_select" class="btn btn-info btn-sm" style="top: -1px;height:30px;line-height: 14px;">'+
													$.i18n.propJsp("选择")+
												'</button>'+
											'</div>'+
											'<div id="member_info_select_div" class="widget-toolbar hide" style="margin-top: 5px;">'+
												'<button id="member_info_left" class="btn btn-info btn-sm btn-primary" style="top: -1px;height:30px;line-height: 14px;">'+
													'<i class="ace-icon fa fa-angle-left"></i>'+
												'</button>'+
												'<select id="member_info_select" style="height:30px;"></select>'+
												'<button id="member_info_right" class="btn btn-info btn-sm btn-primary" style="top: -1px;height:30px;line-height: 14px;">'+
													'<i class="ace-icon fa fa-angle-right"></i>'+
												'</button>'+
											'</div>'+
										'</div>'+
										//body
										'<div class="widget-body">'+
											'<div class="widget-main no-padding">'+
												//会员卡左半部分
												'<div id="marList" class="widget-box" style="width: calc(100% - 330px);height:295px;position: relative;float:left;margin-top: 3px;" >'+
													'<div class="widget-body" id="mno_result_list_box">'+
														'<table id="mno_result_list"></table>'+
														'<div id="mno_result_list_pager"></div>'+
													'</div>'+
												'</div>'+
												
												
												//会员卡右半部分
												'<div class="" style="width:320px;float:left;margin-left: 10px;">'+
													'<div id="marCard" class="itemdiv " style="width: 320px;height:160px;border: 1px solid #438eb9;color:#438eb9;border-radius: 10px;position: relative;margin-top: 3px;" >'+
														'<span id="card_dcode_c" style="font-size: 16px;position: absolute;left: 20px;top:3px;"></span>'+
														'<div id="card_line" style="width: 318px;height:50px;background-color: #438eb9;position: absolute;top: 30px;color:white;" >'+
															'<span id="card_mname" style="font-size: 16px;position: absolute;top: 5px;left: 25px;"></span>'+
															'<div style="font-size: 16px;position: absolute;top: 25px;left: 25px;">'+
																'<span id="card_text"></span> , '+
																'<span id="card_phone"></span>'+
															'</div>'+
														'</div>'+
														'<span id="card_" style="font-size: 13px;position: absolute;right:5px;top:80px;">No.'+
															'<span id="card_mno"></span>'+
														'</span>'+
														'<div id="ar_change" class="user" style="width: 318px;height:40px;position: absolute;bottom: 0px;cursor: pointer;" >'+
															'<span id="card_" style="font-size: 14px;position: absolute;top: 0px;left: 25px;">'+
																'<span id="card_" >'+$.i18n.propJsp("储值卡：")+'</span>'+
																'<span id="card_ar_aname" ></span></br>'+
															'</span>'+
															'<span id="card_" style="font-size: 13px;position: absolute;bottom: 0px;left: 25px;">'+
																'<span id="card_" >No.</span>'+
																'<span id="card_ar_gno" class=""></span>'+
															'</span>'+
															'<i class="fa fa-exchange" aria-hidden="true" style="font-size: 15px;position: absolute;top: 4px;right: 25px;"></i>'+
														'</div>'+
														'<div id="ar_select" class="body no-padding hide" style="z-index:9999;width:  320px;height:160px;border: 1px solid #438eb9 ;margin-left: 0px;margin-top:165px;color:black;background-color:white" >'+
															'<div class="widget-main no-padding " style="height: 158px;overflow: auto;">'+
																'<table class="table table-bordered">'+
																	'<thead class="thin-border-bottom">'+
																		'<tr>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("卡号")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("名称")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("电话")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("余额")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("组别")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("状态")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("GNO")+'</th>'+
																			'<th nowrap="nowrap">'+$.i18n.propJsp("集团")+'</th>'+
																			'<th class="hide" nowrap="nowrap">'+$.i18n.propJsp("默认值")+'</th>'+
																		'</tr>'+
																	'</thead>'+
																	'<tbody id="ar_form">'+
																	'</tbody>'+
																'</table>'+
															'</div>'+
														'</div>'+
													'</div>'+
													'<div class="widget-box row" style="border-radius:10px;height:135px;">'+
														'<div class="col-xm-12" id="marInfo">'+
															'<div class="profile-info-row">'+
																'<div style="width:15%;min-width:100px;" class="profile-info-name">'+$.i18n.propJsp("储值余额")+'</div>'+
																'<div style="width:85%;position: relative;" class="profile-info-value">'+
																	'<span id="balance_c"></span>'+
																'</div>'+
															'</div>'+
														'</div>'+
														'<div class="col-xm-12" id="statallInfo">'+
															'<div class="profile-info-row">'+
																'<div style="width:15%;min-width:100px;" class="profile-info-name">'+$.i18n.propJsp("积分")+'</div>'+
																'<div style="width:85%;position: relative;" class="profile-info-value itemdiv">'+
																	'<span id="integral"></span>'+
																'</div>'+
															'</div>'+
															'<div class="profile-info-row">'+
																'<div style="width:15%;min-width:100px;" class="profile-info-name">'+$.i18n.propJsp("间夜")+'</div>'+
																'<div style="width:85%" class="profile-info-value">'+
																	'<span id="nights"></span>'+
																'</div>'+
															'</div>'+
															'<div class="profile-info-row">'+
																'<div style="width:15%;min-width:100px;" class="profile-info-name">'+$.i18n.propJsp("消费")+'</div>'+
																'<div style="width:85%" class="profile-info-value">'+
																	'<span id="amount"></span>'+
																'</div>'+
															'</div>'+
														'</div>'+
													'</div>'+
												'</div>'+
												
											'</div>'+
										'</div>'+
									'</div>'+
									//会员卡结束
									
									//档案
									'<div id="pno_result" class="widget-box transparent" style="height:205px;">'+
										//header
										'<div class="widget-header widget-header-flat">'+
											'<h4 class="widget-title lighter">'+
												'<i class="ace-icon fa fa-user orange"></i>'+
												$.i18n.propJsp("客人档案")+
											'</h4>'+
											'<div id="" class="widget-toolbar" style="margin-top: 5px;">'+
												'<button id="pno_select" class="btn btn-info btn-sm" style="top: -1px;height:30px;line-height: 14px;">'+
													$.i18n.propJsp("选择")+
												'</button>'+
											'</div>'+
											'<div id="ho_profile_select_div" class="widget-toolbar hide" style="margin-top: 5px;">'+
												'<button id="ho_profile_left" class="btn btn-info btn-sm btn-primary" style="top: -1px;height:30px;line-height: 14px;">'+
													'<i class="ace-icon fa fa-angle-left"></i>'+
												'</button>'+
												'<select id="ho_profile_select" style="height:30px;"></select>'+
												'<button id="ho_profile_right" class="btn btn-info btn-sm btn-primary" style="top: -1px;height:30px;line-height: 14px;">'+
													'<i class="ace-icon fa fa-angle-right"></i>'+
												'</button>'+
											'</div>'+
										'</div>'+
										//body
										'<div class="widget-body">'+
											'<div class="widget-main no-padding" id="ho_profile">'+
												'<div id="" class="widget-box" style="width: calc(100% - 330px);height:200px;position: relative;float:left;margin-top: 3px;" >'+
													'<div class="widget-body" id="pno_result_list_box">'+
														'<table id="pno_result_list"></table>'+
														'<div id="pno_result_list_pager"></div>'+
													'</div>'+
												'</div>'+
												
												//客人档案
												'<div class="" style="width:320px;float:left;margin-left: 10px;">'+
													'<div class="col-xm-12" style="height: 203px;overflow:auto">'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("客人姓名")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="gname"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("电话")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="tel"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("上次房(台)号")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="last_room"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("上次日期")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="last_date"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("总消费金额")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="amount"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="width:303px;height:32px;padding:6px 0px;border-bottom: 1px dotted #D5E4F1;">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;" class="">'+$.i18n.propJsp("次数")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="counts"></span>'+
															'</div>'+
														'</div>'+
														'<div class="" style="display:flex">'+
															'<div style="width: 35% !important;width:130px;float:left;text-align: right;padding-right: 5px;vertical-align: top;" class="">'+$.i18n.propJsp("备注")+'</div>'+
															'<div style="width: 65% !important;float:left;" class="">'+
																'<span id="remark"></span>'+
															'</div>'+
														'</div>'+
													'</div>'+
												'</div>'+
												
											'</div>'+
										'</div>'+
									'</div>'+
									//档案结束
								'</div>'+
							'</div>'+
							'<div class="modal-footer">'+
								'<div align="right" width="50%" style="display:inline">'+
									'<div class="btn-group">'+
										'<button id="startSearch" type="button" class="btn btn-sm btn-info" >'+
											'<i class="ace-icon fa fa-search"></i>'+
											$.i18n.propJsp("重新查询")+
										'</button>'+
									'</div>'+
									'<div class="btn-group">'+
										'<button id="membershipSave" type="button" class="btn btn-sm btn-info" >'+
											'<i class="ace-icon fa fa-check"></i>'+
											$.i18n.propJsp("选择")+
										'</button>'+
									'</div>'+
									'<div class="btn-group">'+
										'<button id="btnClose" type="button" class="btn btn-sm btn-default">'+
											'<i class="ace-icon fa fa-undo"></i>'+
											$.i18n.propJsp("取消")+
										'</button>'+
									'</div>'+
								'</div>'+
							'</div>'+
						'</div>'+
					'</div>';
    		$t.$element.html(html);
    		//初始化结账方式
    		$t.init();
    	},
    	//初始化结账方式
    	init:function(){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		el.find("#phone").val($opt.phone)
    		el.find("#mname").val($opt.mname)
    		el.find("#text").val($opt.text)
    		
    		//模态成功加载完成调用
    	
    		var outJson = {"phone":$opt.phone,"mname":$opt.mname,"text":$opt.text,"mno":$opt.mno,"pno":$opt.pno}
    		var menutype = $t.getmenuType(outJson);
    		
    		$t.changeMenu(menutype);
    		
    	},
    	getmenuType:function(outJson){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		var newjson = {}
    		for(var key in outJson){
    			if(outJson[key]!=""){
    				newjson[key] = outJson[key]
    			}
    		}
    		
    		var menutype = 0
    		if(JSON.stringify(newjson)=="{}"){
    			menutype = 0
    		}
    		if(newjson['phone']||newjson['mname']||newjson['text']){
    			menutype = 1
    		}
    		if(newjson['pno']||newjson['mno']){
    			menutype = 2
    		}
    		return menutype
    	},
    	changeMenu:function(menutype){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		switch (menutype) {
			case 0://无条件 或者 查询无结果
				el.find("#result").addClass("hide")
				el.find("#no_result").removeClass("hide")
				el.find("#startSearch").addClass("hide")
				//绑定事件
	    		$t.bindEvent();
				break;
			case 1://有phone或者mname或者text条件不锁死
				el.find("#result").removeClass("hide")
				el.find("#no_result").addClass("hide")
				el.find("#searchForm").removeClass("hide")
				el.find("#startSearch").addClass("hide")
				//获取默认值
				$t.getMarArDefault("true");
				$t.bindEvent();
				break;
			case 2://有pno或者mno条件锁死
				el.find("#result").removeClass("hide")
				el.find("#no_result").addClass("hide")
				el.find("#searchForm").addClass("hide")
				el.find("#startSearch").removeClass("hide")
				//获取默认值
				$t.getMarArDefault("true");
				$t.bindEvent();
				break;
			default:
				break;
			}
    	},
    	assignment:function(data,iffresh){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		if(data.hasOwnProperty("gritter")&&data.gritter!=""){
				jf_successDelayed(data.gritter,4000);
			}
			if(data.member_info.length>0||data.ho_profile.length>0){
				$opt.member_info_arr = data.member_info
				$opt.ho_profile_arr = data.ho_profile
				
				if(data.member_info.length==0){
					el.find("#mno_result").addClass("hide")
				}else{
					el.find("#mno_result").removeClass("hide")
				}
				
				if(data.ho_profile.length==0){
					el.find("#pno_result").addClass("hide")
				}else{
					el.find("#pno_result").removeClass("hide")
				}
				
				if(iffresh=="false"){
					$.each(data.member_info,function(key,value){
						if($("#member_info_select").find("option[value='"+value.mno+"']").size()>0){
							$("#member_info_select").find("option[value='"+value.mno+"']").attr("data-msg",JSON.stringify(value))
						}
					})
					
					$.each(data.ho_profile,function(key,value){
						if($("#ho_profile_select").find("option[value='"+value.pno+"']").size()>0){
							$("#ho_profile_select").find("option[value='"+value.pno+"']").attr("data-msg",JSON.stringify(value))
						}
					})
	    		}else{
					$("#member_info_select").empty()
//					if(data.member_info.length<=1){
//						$("#member_info_select_div").addClass("hide")
//					}else{
//						$("#member_info_select_div").removeClass("hide")
//					}
					$.each(data.member_info,function(key,value){
						$("#member_info_select").append("<option data-sort='"+(key+1)+"' value='"+value.mno+"' data-msg='"+JSON.stringify(value)+"' >"+value.id+"</option>")
					})
					
//					if(data.ho_profile.length<=1){
//						$("#ho_profile_select_div").addClass("hide")
//					}else{
//						$("#ho_profile_select_div").removeClass("hide")
//					}
					$("#ho_profile_select").empty()
					$.each(data.ho_profile,function(key,value){
						$("#ho_profile_select").append("<option data-sort='"+(key+1)+"' value='"+value.pno+"' data-msg='"+JSON.stringify(value)+"'>"+value.id+"</option>")
					})
					
					//设置默认值
					if(data.member_info.length>0){
						$t.setMnoValue();
					}else{
						el.find("#marCard span[id!='card_']").text("")
						el.find("#statallInfo span").text("")
						el.find("#ar_form").empty()
					}
					
					if(data.ho_profile.length>0){
						$t.setPnoValue();
					}else{
						el.find("#ho_profile span").text("")
					}
		    		
					//绑定事件
		    		$t.bindEvent();
		    		var mno_jqgrid_arr = []
	    			$.each(data.member_info,function(key,value){
	    				mno_jqgrid_arr.push(JSON.parse(value.ho_marcust_member)[0])
	    			})
		    		$t.initMnoListJqgrid(mno_jqgrid_arr)
		    		
		    		var pno_jqgrid_arr = data.ho_profile
		    		$t.initPnoListJqgrid(pno_jqgrid_arr)
	    		}
			}else{
				el.find("#result").addClass("hide")
				el.find("#no_result").removeClass("hide")
			}
			
			$opt.defaultData = {}
    	},
    	//会员卡信息
    	getMarArDefault:function(iffresh){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		
    		var async = false
    		if(iffresh=="false"){
    			async = true
    		}
    		var outjson = {"phone":el.find("#phone").val(),"text":el.find("#text").val(),"mname":el.find("#mname").val(),"mno":$opt.mno,"pno":$opt.pno}
    		var str = {"where":outjson}
    		var menutype = $t.getmenuType(outjson);
    		if(menutype!=0){
    			el.find("#result").removeClass("hide")
				el.find("#no_result").addClass("hide")
//				debugger
				if(JSON.stringify($opt.defaultData)!="{}"){
					$t.assignment($opt.defaultData,iffresh);
				}else{
					jQuery.ajax({  
	        			type : 'POST',
	        			async:false, 
	        			url :$.HSAPI_AJAXURL+"/qms/mobile/procedure2",
	        			data : $.HSAPI_ASKJSONINFO(JSON.stringify(str),'HoMemberProfileSearchQuick','{}'),
	        			dataType : 'json',  
	        			success : function(data){
	        				if(data.RETURN=="1"){
	        					$t.assignment(data,iffresh);
	        				}else{
	        					jf_alert(data.MSG)
	        				}
	        			},  
	        			error : function(data){  
	        				systoast('MembeCreditPostingDefault错误提示:','系统后台提交错!' + JSON.stringify(data),'error');
	        			}  
	        		});
				}
    			
    		}else{
    			el.find("#result").addClass("hide")
				el.find("#no_result").removeClass("hide")
    		}
    		
    	},
    	setPnoValue:function(){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		var pno_msg = JSON.parse($("#ho_profile_select option:selected").attr("data-msg"))
    		
    		el.find("#ho_profile span").each(function(){
    			var id = $(this).attr("id");
    			if(id!=""){
    				var value = ""
    				if(id in pno_msg){
        				value =  pno_msg[id]
        			}else{
        				value = ""
        			}
    				$(this).text(value);	
    			}
    		})
    	},
    	setMnoValue:function(){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		var mno_msg = JSON.parse($("#member_info_select option:selected").attr("data-msg"))
    		
    		var ho_marcust_member = JSON.parse(mno_msg.ho_marcust_member)[0]
    		var ho_arcust_join = JSON.parse(mno_msg.ho_arcust_join)
    		var statall = JSON.parse(mno_msg.statall)[0]
    		
    		el.find("#balance_c").text("")
    		if(ho_marcust_member['bgcolor']&&ho_marcust_member['bgcolor']!=""){
    			el.find("#marCard").css("background-color",ho_marcust_member['bgcolor']);
    			el.find("#card_line").css("color",ho_marcust_member['bgcolor'])
    		}else{
    			el.find("#marCard").css("background-color",'#fff');
    			el.find("#card_line").css("color",'#fff')
    		}
    		
    		if(ho_marcust_member['tcolor']&&ho_marcust_member['tcolor']!=""){
    			el.find("#marCard").css("border-color",ho_marcust_member['tcolor']).css("color",ho_marcust_member['tcolor']);
    			el.find("#card_line").css("background-color",ho_marcust_member['tcolor'])
    		}else{
    			el.find("#marCard").css("border-color",'#438eb9').css("color",'#438eb9');
    			el.find("#card_line").css("background-color",'#438eb9')
    		}
    		
    		//会员卡信息
    		el.find("#marCard span").each(function(){
    			if(typeof($(this).attr("id"))!="undefined"){
    				var id = $(this).attr("id").replace("card_","");
        			if(id!=""){
        				var value = ""
        				if(id in ho_marcust_member){
            				value =  ho_marcust_member[id]
            			}else{
            				value = ""
            			}
        				$(this).text(value);	
        			}
    			}
    			
    		})
    		
    		if(ho_marcust_member["status"]&&ho_marcust_member["status"]!="1"){
    			var value = el.find("#card_mname").text()
    			el.find("#card_mname").html('<s>'+value+'</s>')
    		}
    		
    		el.find("#statallInfo span").each(function(){
    			var id = $(this).attr("id");
    			var value = ""
    			if(statall && id in statall){
    				value =  statall[id]
    			}else{
    				value = ""
    			}
    			$(this).text(value);
    		})
    		
    		var ar_form_html=""
    		el.find("#ar_form").empty()
			$.each(ho_arcust_join,function(key,value){
				var isboot = ""
				if(value.isboot!=""){
					isboot = '<span style="font-size:15px;font-weight:bold;color:#6fb3e0;">G</span>'
				}
				var className = ""
				if(ho_marcust_member['ar_gno']&&$.trim(ho_marcust_member['ar_gno'])==$.trim(value["gno"])&&value["isdefault"]=="1"){
					className = "ar_check"
					el.find("#balance_c").text(value["balance_c"])
				}
				
				ar_form_html += '<tr class="'+className+'">'+
									'<td nowrap="nowrap" data-text="aname">'+(value["aname"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="text">'+(value["text"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="phone">'+(value["phone"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="balance_c">'+(value["balance_c"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="dcode_c">'+(value["dcode_c"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="status_c">'+(value["status_c"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="gno">'+(value["gno"]||"")+'</td>'+
									'<td nowrap="nowrap" data-text="isboot">'+isboot+'</td>'+
									'<td class="hide" nowrap="nowrap" data-text="isdefault">'+(value["isdefault"]||"")+'</td>'+
								'</tr>';
				
			})
			el.find("#ar_form").append(ar_form_html)
			if(el.find("#ar_form").find("tr[class='ar_check']").size()<=0){
				var value = el.find("#card_ar_aname").text()
				el.find("#card_ar_aname").html('<s>'+value+'</s>')
			}
    		if(el.find("#card_ar_gno").text()==""){
    			el.find("#ar_form tr").each(function(key,value){
    				if($(this).find("td[data-text='isdefault']").text()=="1"){
    					el.find("#card_ar_aname").text($(this).find("td[data-text='aname']").text())
    					el.find("#card_ar_gno").text($(this).find("td[data-text='gno']").text())
    					el.find("#balance_c").text($(this).find("td[data-text='balance_c']").text())
    					$(this).addClass("ar_check");
    				}
    			})
    		}
    		
    		//储值卡选择框选中事件
    		el.find("#ar_form tr").unbind("click").click(function(e){
    			var _this = this
    			el.find("#ar_form tr").removeClass("ar_check");
    			$(this).addClass("ar_check");
    			el.find("#arInfo span").each(function(){
    				var id = $(this).attr("id");
    				$(this).text($(_this).find("td[data-text='"+id+"']").text());
    			})
    			var aname = $(_this).find("td[data-text='aname']").text()
    			var gno = $(_this).find("td[data-text='gno']").text()
    			el.find("#card_ar_aname").text(aname)
    			el.find("#card_ar_gno").text(gno)
    			el.find("#balance_c").text($(_this).find("td[data-text='balance_c']").text())
    			
    			var parameter = {"ho_marcust":{"ar_gno":gno,"ar_aname":aname,"mno":el.find("#card_mno").text(),"mname":el.find("#card_mname").text(),"type":"edit"},"arg":{"linktype":"绑定"}}
    			$.ajax({  
			          type : 'POST',
			          async:false, 
			          url : $.HSAPI_AJAXURL+"/qms/mobile/procedure2",
			          data : $.HSAPI_ASKJSONINFO( JSON.stringify(parameter),'MarcustconnectArcust',"{}"),
			          dataType : 'json',  
			          success : function(data) {
			        	  if(data.RETURN=="1"){
			        		  $t.getMarArDefault("false");
			        	  }else{
			        		  jf_alert(data.MSG)
			        	  }
			        	 
			          }
				})
				
    		})
    		
    	},
    	//初始化jqgrid
    	initMnoListJqgrid:function(data){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		$('#mno_result_list').jqGrid('GridUnload');
    		var grid_selector = $('#mno_result_list');
    		//构造表格
    		$(grid_selector).jqGrid({
    			subGrid : false,
    			datatype : "local",
    			data:data,
    			height : 253,
    			width:$("#marList").width(),
    			colNames :["姓名","电话","会员卡号","绑定储值卡卡号","地址","mno"],
    			colModel :[
    				{
    					name : 'text',
    					index : 'text',
    					width : 90,
    				},{
    					name : 'phone',
    					index : 'phone',
    					width : 100,
    				},{
    					name : 'mname',
    					index : 'mname',
    					width : 110,
    				},{
    					name : 'ar_aname',
    					index : 'ar_aname',
    					width : 130,
    				},{
    					name : 'address1',
    					index : 'address1',
    					width : 150,
    				},{
    					name : 'mno',
    					index : 'mno',
    					width : 150,
    					hidden:true,
//    					key:true,
    				}
    			],
    			sortorder : "asc", //排序规则
    			viewrecords : true, //是否显示查询记录条数
    			rowList : 10000, //供选择的每页显示记录条数
    			emptyrecords : $.i18n.propJsp("没有搜索到任何数据"), //未查询到数据显示文本
    			recordtext : $.i18n.propJsp("共计")+":{2}"+$.i18n.propJsp("条"), //显示查询到数据条数
    			shrinkToFit : false, //是否列宽按照colModel中设定的宽度显示
    			multiselect : false, //是否可以被多选,最左边增加一列checkbox的选择框
    			//双击行事件
    			ondblClickRow : function(rowid) {
//     				var rowData = $(grid_selector).jqGrid("getRowData",rowid);
    			},
    			onSelectRow : function(rowid) {
//    				debugger
    				grid_selectRow = $(grid_selector).jqGrid("getRowData",rowid);
    				$("#member_info_select").val(grid_selectRow.mno)
//    				$("#member_info_select option[value='"+grid_selectRow.mno+"']").attr("selected",true);
    				$t.setMnoValue();
    			},
    			//加载完毕后触发事件
    			loadComplete : function() {
    				var table = this;
    				var ids = $("#mno_result_list").jqGrid('getDataIDs');
					if(ids.length>0){
						$("#mno_result_list").jqGrid('setSelection',ids[0]);
					}
					
    			},
    		});
    	},
    	//初始化jqgrid
    	initPnoListJqgrid:function(data){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		$('#pno_result_list').jqGrid('GridUnload');
    		var grid_selector = $('#pno_result_list');
    		//构造表格
    		$(grid_selector).jqGrid({
    			subGrid : false,
    			datatype : "local",
    			data:data,
    			height : 156,
    			width:$("#marList").width(),
    			colNames :["姓名","别名","电话","备注","pno"],
    			colModel :[
    				{
    					name : 'gname',
    					index : 'gname',
    					width : 90,
    				},{
    					name : 'fname',
    					index : 'fname',
    					width : 100,
    				},{
    					name : 'tel',
    					index : 'tel',
    					width : 100,
    				},{
    					name : 'remark',
    					index : 'remark',
    					width : 160,
    				},{
    					name : 'pno',
    					index : 'pno',
    					width : 60,
    					hidden:true,
    				}
    			],
    			sortorder : "asc", //排序规则
    			viewrecords : true, //是否显示查询记录条数
    			rowList : 10000, //供选择的每页显示记录条数
    			emptyrecords : $.i18n.propJsp("没有搜索到任何数据"), //未查询到数据显示文本
    			recordtext : $.i18n.propJsp("共计")+":{2}"+$.i18n.propJsp("条"), //显示查询到数据条数
    			shrinkToFit : false, //是否列宽按照colModel中设定的宽度显示
    			multiselect : false, //是否可以被多选,最左边增加一列checkbox的选择框
    			//双击行事件
    			ondblClickRow : function(rowid) {
//     				var rowData = $(grid_selector).jqGrid("getRowData",rowid);
    			},
    			onSelectRow : function(rowid) {
//    				debugger
    				grid_selectRow = $(grid_selector).jqGrid("getRowData",rowid);
    				$("#ho_profile_select").val(grid_selectRow.pno)
    				$t.setPnoValue();
    			},
    			//加载完毕后触发事件
    			loadComplete : function() {
    				var table = this;
    				var ids = $("#pno_result_list").jqGrid('getDataIDs');
					if(ids.length>0){
						$("#pno_result_list").jqGrid('setSelection',ids[0]);
					}
					
    			},
    		});
    	},
    	//模态显示
    	show:function(){
    		var $t=this;
    		var $opt=$t.options;
    		var el=$t.$element;
    		
    		$(el).modal({backdrop: 'static', keyboard: true},"show");
    	},
		//返回筛选器对象,用于链式操作
    	hsOle: function() {
            return this.$element;      
        },
    }
})(jQuery);